<script setup lang="ts">
import { computed } from 'vue';
import { useAppStore } from '@/store/modules/app';
import UserInfoCard from '@/layouts/client/modules/UserInfoCard.vue';

const appStore = useAppStore();
const gap = computed(() => (appStore.isMobile ? 0 : 16));
</script>

<template>

<div class="container mx-auto max-w-screen-xl mt-5">
     <!-- 左边栏 -->
  <div class="grid grid-cols-4"></div>

  <!-- 右边栏 -->
  <div class="col-span-4 px-3 md:col-span-1 sm:col-span-4">
                <div class="sticky top-21">
                    <UserInfoCard></UserInfoCard>         
                </div>
  </div>
</div>
        
</template>

<style scoped>
.header-banner {
  min-height: 160px;
}
</style> 